/*----.itq-top-----*/
.itq-top{
	width:100%;
	margin:0 auto;
	padding:0px;
	height:35px;
	background: #000;
	overflow: hidden;
	box-shadow: 0px 0px 10px 2px #888888;
}

.itq-top .itq-wrapper{
	overflow: hidden;
}

.itq-top .itq-wrapper p{
	width: 91%;
	background: url(../images/loca-top.png) no-repeat top 10px left;
	color: #fff;
	margin: 0;
	padding: 12px 0px 0px 30px;
}

.itq-top .itq-wrapper img{
	width: 3%;
	float: right;
	margin: -16px 0px 0px 4px;
}




	
/*----.itq-wrapper-----*/
.itq-wrapper{
	width:1000px;
	margin:0 auto;
	padding:0px;}
/*-----.itq-header------*/	
.itq-wrapper .itq-header{
	margin: 30px 0px 15px 0px;
	float:left;
}

.itq-wrapper .itq-header .logo-header{
	width: 27%;
	float: left;
}

.itq-wrapper .itq-header .logo-header figure{

}

.itq-wrapper .itq-header .logo-header figure img{

}

.itq-wrapper .itq-header .search-header{
	width: 45%;
	float: left;
	padding: 0px 10px 0px 10px;
}

.itq-wrapper .itq-header .search-header form{
    width: 100%;
    margin: auto;
    height: 32px;
}

.itq-wrapper .itq-header .search-header form input{

}

.itq-wrapper .itq-header .search-header form input[type=text]{
    width: 65%;

    height: 31px;
    outline: none;
    padding: 0px 0px 0px 20px;
    border-radius: 4px 0px 0px 4px;
    box-shadow: none;
    border: 1px solid #e1e1e1;
}

.itq-wrapper .itq-header .search-header form input[type=submit]{
    width: 25%;
	outline:none;
    background: url(../images/bg-timkiem-hd.png) repeat-x;
    border: none;
    border-radius: 0px 4px 4px 0px;
    font-size: 14px;
    color: #fff;
    margin: -1px 0px 0px -4px;
    height: 33px;
	font-family: 'open_sansbold';
}
.itq-wrapper .itq-header .search-header form input[type=submit]:hover{
	background:rgba(255,175,0,1)}

.itq-wrapper .itq-header .search-header p{
	font-size: 11px;
	color: #999999;
	margin: 10px 0px 0px 0px;
}
.itq-wrapper .itq-header .search-header p a{
	color: #999999;
	line-height:17px;}

.itq-wrapper .itq-header .sdt-header{
	width: 28%;
	float: right;
}

.itq-wrapper .itq-header .sdt-header figure.sdt{

}

.itq-wrapper .itq-header .sdt-header figure.sdt figcaption{
	width: 80%;
	float: left;
	margin-top:-2px;
}
.itq-wrapper .itq-header .sdt-header figure.sdt figcaption p{
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-transform: uppercase;
	float:right;
}

.itq-wrapper .itq-header .sdt-header figure.sdt figcaption h3{
	font-weight: bold;
	font-size: 24px;
	color: #000;
	width: 100%;
	text-align: right;
}

.itq-wrapper .itq-header .sdt-header figure.sdt img{
	width: 37px;
	height: 37px;
	float: right;
}




/*-----.itq-menu------*/	
.itq-wrapper .itq-menu{
	width: 100%;
	background: url(../images/bg-nav-hd.png) repeat-x;
	height: 35px;
}

.itq-menu ul.main{
	list-style: none;
	
}
.itq-menu ul.main li.main{
	float: left;
	font-size: 13px;
	font-family: arial;
	text-transform: uppercase;
	padding: 10px 10px 10px 24px;
	position:relative;
	background: url(../images/boder-li.png) no-repeat right;
	font-weight: normal;
	width: 12%;
}

.itq-menu ul.main li.main a.main{
	color: #fff;
}
.itq-menu ul.main li.main:hover a.main{
	color:#f9db00;
	text-decoration:none !important;
}




.itq-menu ul.main li.main ul.item{
	-webkit-transition: all 0.1s ease-in;
	-moz-transition: all 0.1s ease-in;
	-o-transition: all 0.1s ease-in;
	-ms-transition: all 0.1s ease-in;
	transition: all 0.1s ease-in;
	margin: 0px;
	padding: 10px 0px 10px 12px;
	list-style: none;
	background: #444;
	position: absolute;
	left: -28px;
	top: 70px;
	width: 200px;
	opacity: 0;
	visibility: hidden;
	z-index: 998;
	border-radius: 10px;
}

.itq-menu ul.main li.main:hover ul.item{
	top:40px;
	opacity:1;
	visibility:visible;
    -webkit-transition-delay:0.2s;
    -moz-transition-delay:0.2s;
    -ms-transition-delay:0.2s;
    -o-transition-delay:0.2s;
    -transition-delay:0.2s;
}


.itq-menu ul.main li.main ul.item li.item{
	float: left;
	position: relative;
}

.itq-menu ul.main li.main ul.item li.item a.item{
	float: left;
	height: 40px;
	line-height: 40px;
	color: #FFF;
	text-transform: capitalize;
	padding: 0px 0px 0px 10px;
	margin: 0px 12px 0px 0px;
	width: 168px;
	border-top: 1px solid #515151;
	font-size: 14px;
}
.itq-menu ul.main li.main ul.item li.item:hover a.item{
	color:#FFF;
	background:#515151;
	text-decoration:none !important;
}

.itq-menu ul.main li.main ul.item li.item ul.tang3{
	-webkit-transition: all 0.35s ease-in;
	-moz-transition: all 0.35s ease-in;
	-o-transition: all 0.35s ease-in;
	-ms-transition: all 0.35s ease-in;
	transition: all 0.35s ease-in;
	margin: 0px;
	padding: 10px 0px 10px 12px;
	list-style: none;
	background: #0e4400;
	position: absolute;
	left: 190px;
	top: -30px;
	width: 250px;
	opacity: 0;
	visibility: hidden;
	z-index: 9999999;
	border-radius: 10px;
}

.itq-menu ul.main li.main ul.item li.item:hover ul.tang3{
	top:20px;
	opacity:0.7;
	visibility:visible;
    -webkit-transition-delay:0.15s;
    -moz-transition-delay:0.15s;
    -ms-transition-delay:0.15s;
    -o-transition-delay:0.15s;
    -transition-delay:0.15s;
}

.itq-menu ul.main li.main ul.item li.item ul.tang3 li.tang3{

}

.itq-menu ul.main li.main ul.item li.item ul.tang3 li.tang3 a.tang3{
	color:#eaeaea;
	float: left;
	height: 40px;
	line-height: 40px;
	text-transform: capitalize;
	padding: 0px 0px 0px 10px;
	margin: 0px 12px 0px 0px;
	width: 90%;
	border-top: 1px solid #515151;
	border-bottom: 1px solid #515151;
	font-size: 14px;
}
.itq-menu ul.main li.main ul.item li.item ul.tang3 li.tang3:hover{

}

.itq-menu ul.main li.main ul.item li.item ul.tang3 li.tang3:hover a.tang3{
	color:#030075;
	background:#bcfcab;
	text-decoration:none !important;
}


/*-----.itq-news------*/	
.itq-wrapper .itq-news{
	width:100%;
	height: 28px;
	background:url(../images/bg-tintuc.png) repeat-x;
	position:relative;
}
.itq-wrapper .itq-news h3{
	float:left;
	position:absolute;
	left: 15px;
	top: 7px;
	color:rgba(0,0,0,1);
	font-weight:lighter;
	text-transform:uppercase;
	background:url(../images/muiten-tintuc.png) no-repeat;
	background-position:75px 4px;
	padding-right:30px;}
/*-----.itq-breadcrumb------*/	
.itq-wrapper .itq-breadcrumb{
	width:100%;
	height: 60px;
	background:rgba(255,0,0,1);

}	
/*-----.detail-product------*/	
.itq-wrapper .detail-product{
	width:100%;
	height: 700px;
	background:rgba(255,255,0,1);

}	
/*-----.same-products------*/	
.itq-wrapper .same-products{
	width:100%;
	height: 200px;
	background:rgba(255,0,255,1);

}	
/*-----.list-product------*/	
.itq-wrapper .list-product{
	width:100%;
	height: 1000px;
	background:rgba(255,0,255,1);

}
.itq-wrapper .sidebar{
	width:205px;
	height: 100%;
	background:rgba(0,0,255,1);
	float:left;

}
.itq-wrapper .content{
	width:785px;
	height: 100%;
	background:rgba(0,255,255,1);
	float:right;

}
	


/*-----.itq-slider------*/	
.itq-wrapper .itq-slider{
	width:1000px;
	float:left;
	height:235px;
	margin:7px 0px;
	}
.itq-wrapper .itq-slider .slides{
	width:765px;
	border:2px solid #F00;
	height:100%;
	
	float:left;}
.itq-wrapper .itq-slider .support{
	border:2px solid #F00;
	height:235px;
	float:right;
	width:225px;
	background:url(../images/sp.png) no-repeat center;
	padding:12px;}	
.itq-wrapper .itq-slider .support ul{
	float:left;
	padding:10px 0px;
	}
.itq-wrapper .itq-slider .support ul li{
	padding-left:15px;
	background:url(../images/247.png) no-repeat;
	margin-bottom:13px}
.itq-wrapper .itq-slider .support ul li h3{
	line-height:33px;
	font-weight:bold;
	font-size:13px;
	color:#0b00fb;
	text-align:center;
	background:url(../images/a.png) no-repeat;
	background-position:50px 25px;}
.itq-wrapper .itq-slider .support ul li p{
	line-height:20px;
	text-align:center;
	color:#b1b1b1;}	
.itq-wrapper .itq-slider .support ul li p span{
	font-weight:bold;
	color:#c60f15;}						
	
/*-----.itq-article------*/	
.itq-wrapper .itq-article{
	width:1000px;
	float:left;
	border:1px solid #f00;
	padding:15px;
	margin:6px 0px;
	}	
.itq-wrapper .itq-article header{
	width:100%;
	padding:2px;
	float:left;
	padding-bottom:22px;}
.itq-wrapper .itq-article header h3{
	padding:4px 0px;
	font-weight:bold;
	font-size:15px;
	color:#333333;
	text-transform:uppercase;
	border-bottom:1px dashed #333333;
	float:left;
	line-height:23px;
	}	
.itq-wrapper .itq-article figure{
	float:left;
	margin-right:20px;
	width:360px;
	height:165px;}
.itq-wrapper .itq-article figure img{
	width:360px;
	height:165px;}	
.itq-wrapper .itq-article section{

	}
.itq-wrapper .itq-article section h4{
	padding-bottom:5px;
	font-weight:bold;
	line-height:22px;}	
.itq-wrapper .itq-article section p{
	line-height:18px;
	float:none;
	padding:7px 0px;}				
/*-----.itq-block------*/	
.itq-wrapper .itq-block{
	width:1000px;
	float:left;
	margin-bottom:10px;
	}
.itq-wrapper .itq-block>header{
	width:100%;
	float:left;
	height:32px;
	background:url(../images/bg-header-block.png) repeat-x;}
.itq-wrapper .itq-block>header>h3{
	float:left;
	height:32px;
	background:url(../images/bg-header-block-2.png) right no-repeat,#ff0000;
	padding:0px 70px 0px 20px;
	text-align:left;
	color:rgba(255,255,255,1);
	font-weight:bold;
	line-height:32px;
	}
	
.itq-wrapper .itq-block header ul{
	float:left;}
.itq-wrapper .itq-block header ul li{
	float:left;
	font-weight:bold;
	line-height:32px;}
.itq-wrapper .itq-block header ul li a{
	color:#333333;
	padding:0px 20px;
	border-right:1px solid #333333;}
.itq-wrapper .itq-block .block-container{
	height:388px;
	float:left;
	border:1px solid #c0c0c0;} 
.itq-wrapper .itq-block .block-container section{
	background:rgba(255,255,255,1);
	float:left;}
.itq-wrapper .itq-block .block-container section header{
	width:100%;
	background:#e6e6e6;
	height:26px;
	}
.itq-wrapper .itq-block .block-container section header h3{
	text-align:center;
	line-height:26px;
	font-weight:normal;
	text-transform:uppercase;}		
.itq-wrapper .itq-block .block-container .b-left{
	width:205px;
	height:100%;
	border-right:1px solid #ebebeb;}
.itq-wrapper .itq-block .block-container .b-left ul{
	float:left;
	padding:10px 10px;}	
.itq-wrapper .itq-block .block-container .b-left ul li{
	width:100%;
	float:left;
	border-bottom:1px solid #ebebeb;
	padding:8px 0px;}
.itq-wrapper .itq-block .block-container .b-left ul li:last-child{
	border:0px;}	
.itq-wrapper .itq-block .block-container .b-left ul li figure{
	width:56px;
	height:50px;
	float:left;
	margin-right:15px;}	
.itq-wrapper .itq-block .block-container .b-left ul li h3{
	padding:0px 0px;
	max-height:38px;
	overflow:hidden;}
.itq-wrapper .itq-block .block-container .b-left ul li h3 a{
	font-size:11px;
	font-weight:bold;
	color:#335a9a;
	}	
.itq-wrapper .itq-block .block-container .b-left ul li p{
	color:#333333;
	font-weight:bold;
	font-size:12px;
	padding:2px 0px;}
.itq-wrapper .itq-block .block-container .b-left ul li p span{
	color:#dc1e21;}		 		
.itq-wrapper .itq-block .block-container .b-center{
	width:573px;
	height:100%}
.itq-wrapper .itq-block .block-container .b-center ul{
	padding:10px;}	
.itq-wrapper .itq-block .block-container .b-center ul li{
	width:184px;
	float:left;
	margin:2px 0px;
	}
.itq-wrapper .itq-block .block-container .b-center ul li figure{
	width:100%;
	text-align:center;
	}
.itq-wrapper .itq-block .block-container .b-center ul li figure img{
	width:108px;
	height:108px;}		
.itq-wrapper .itq-block .block-container .b-center ul li h3{
	text-align:center;
	padding:3px 4px;}
.itq-wrapper .itq-block .block-container .b-center ul li h3 a{
	font-size:11px;
	font-weight:bold;
	color:#335a9a;
	text-transform:uppercase;
	}		
.itq-wrapper .itq-block .block-container .b-center ul li p{
	color:#333333;
	font-weight:bold;
	font-size:12px;
	padding:2px 0px;
	text-align:center;
	}	
.itq-wrapper .itq-block .block-container .b-center ul li p span{
	color:#dc1e21;}				
		
.itq-wrapper .itq-block .block-container .b-right{
	width:220px;
	height:100%}
.itq-wrapper .itq-block .block-container .b-right ul{
	margin:0px;
	padding:0;}
.itq-wrapper .itq-block .block-container .b-right ul li{
	width:100%;
	margin:1px 0px;
	float:left;
	}
.itq-wrapper .itq-block .block-container .b-right ul li a img{
	width:220px;
	height:175px;}													
/*-----.itq-footer------*/	
.itq-wrapper .itq-footer{

}

.itq-wrapper .itq-footer .doi_tac{
	border: 2px solid #ff0000;
	padding: 5px;
}

.itq-wrapper .itq-footer .support .group-link{
	float:left;
	width: 19%;
	margin: 25px 10px 0px 0px;
	padding:0px 0px 0px 0px;
}
.itq-wrapper .itq-footer .support .group-link:nth-child(4n)
{
	float:right;
	margin: 25px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width: 37%;
}
.itq-wrapper .itq-footer .support .group-link:nth-child(4n) > li{
	color:#333333;
	
}

.itq-wrapper .itq-footer .support .group-link > h3
{
	font-size: 14px;
	color: #000;
	font-family:OpenSans;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 8px;
}
.itq-wrapper .itq-footer .support .group-link  ul.link
{
	list-style:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.itq-wrapper .itq-footer .support .group-link  ul.link li.link
{
	line-height:20px;
}
.itq-wrapper .itq-footer .support .group-link  ul.link li.link a
{
	color: #3366ff;
	font-size: 12px;
}	